page {
  width: 100%;
  height: 100%;
}
.body {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.header {
  background: #ff0000;
  color: #fff;
  line-height: 100rpx;
  flex: 0 0 100rpx; /* 不放大不缩小固定100rpx */
}
.main {
  flex: 1;
  position: relative;
}
.main-scroll {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #f7f7f7;
}
.title {
  padding: 0rpx 30rpx;
  padding-bottom: 30rpx;
  // line-height: 70rpx;
  height: 90rpx;
  background-color: #ff0000;
  font-size: 32rpx;
  font-weight: 600;
  color: #ffffff;
  .gl {
    margin-left: 20rpx;
  }
  .name {
    margin-left: 20rpx;
  }
}
.content {
  padding: 30rpx 15rpx;
  .box1 {
    background-color: #ffffff;
    height: 300rpx;
    border-radius: 10rpx;
    .box1_ct {
      padding: 20rpx 0rpx 0rpx 10rpx;
      .box1_ct_img {
        width: 40rpx;
        height: 40rpx;
        vertical-align: sub;
      }
    }
    .box1_ct_title {
      font-size: 32rpx;
      font-weight: 600;
    }
  }
  .box2 {
    margin-top: 20rpx;
  }
  .box1_ct_pd {
    padding: 30rpx 0rpx 0rpx 10rpx;
    display: flex;
  }
  .box1_ct_bx1 {
    width: 180rpx;
    height: 180rpx;
    border-radius: 20rpx;
    background: #fee8b7;
   margin-left: 20rpx;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .box1_ct_bx2 {
    width: 180rpx;
    height: 180rpx;
    border-radius: 20rpx;
    background: #cbf6af;
   margin-left: 20rpx;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .box1_ct_bx {
    width: 180rpx;
    height: 180rpx;
    border-radius: 20rpx;
    background: #cef0fc;
   margin-left: 20rpx;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .sp{
    font-size: 30rpx;
    margin-top: 10rpx;
  }
}
.van-notice-bar {
  background-color: white !important;
  border-radius: 50rpx !important;
  box-shadow: 2px 2px 10px 2px #cecbcb !important;
}